<template>
<div id="container">
    <div class="wrapper">
  
  <main class="main">
    <my-header></my-header>
      <my-foor></my-foor>
    <div class="demo-image">
      <div class="block">
        <el-image :src="url"></el-image>
        <div class="secbardot">
          <div class="icon"></div>
          <div class="caidan">
            当前位置：

            <a href="#" tppabs="https://www.sfygroup.com/index/1.html">首页</a>>
            <a
              href="#"
              tppabs="https://www.sfygroup.com/responsibility-epidemic/24.html"
              >社会责任</a
            >>
          </div>
        </div>
      </div>
      <div class="ztp">
        <img src="/banner/0efb8e40-e033-4343-8554-3a935340b7b3.jpeg" alt="" />
      </div>
      <div class="ztc">
        <div class="ztcp">
          <img src="/banner/55e71c78-7852-4110-a3fa-878bcb81b2ff.jpeg" alt="" />
        </div>
        <div class="ztcc">
          <div class="ztccc">
            2020庚子年注定是不平凡的一年，作为定制家居行业的引领者，索菲亚在这次疫情中以大爱、以担当、以智慧、以内功硬核驰援湖北，与逆行者同行，为负重者托举，肩负起企业的责任与担当，堪称行业教科书。
          </div>
        </div>
      </div>

      <div class="ztf">
        <div class="ztff">
          <img src="/banner/52cd38aa-69b6-42cd-8e1d-76cab182be02.jpeg" alt="" />
        </div>
        <div class="ztcce">
          <div class="ztcct">捐款捐物</div>
          <div class="ztccu">
            1月25日，由董事长江淦钧、总裁柯建生两位老板亲自挂帅，迅速成立公益小组，驰援湖北；
            1月26日，向湖北黄冈市慈善总会捐出首笔款项100万元；
            1月30日，通过爱德基金会再向湖北黄冈市捐赠100万元物资。
          </div>
        </div>
      </div>

      <div class="aaa">
        <div class="bbb">
          <img src="/banner/7766c02d-de1e-49ad-be40-4aceb0b6747b.jpeg" alt="" />
        </div>
        <div class="ccc">
          <div class="ddd">万人募捐</div>
          <div class="eee">
            2月1日，索菲亚联合爱德基金会搭建筹款渠道，呼吁公司高管、内部员工、经销商及其员工以及主要合作伙伴进行捐款，短短30小时，共10558人加入这次献爱心行动，共募集善款1292085.44元。
          </div>
        </div>
      </div>
      <div class="fff">
        索菲亚以实际行动践行承诺，把爱心落实到疫情区。历经一个多月，120桶消毒液，1966个防护面罩，106套呼吸器及100个呼吸器头罩，1600套防护服，驰援了湖北武汉、黄冈、黄石、鄂州、宜昌、孝感、襄阳共七个城市疫情区超过30个医疗单位及急需物资的机构。
      </div>

            <div class="ztf">
        <div class="ztff">
          <img src="/banner/7054bb45-232c-4620-8496-ce008006c338.jpeg" alt="" />
        </div>
        <div class="ztcce">
          <div class="ztcct">共抗疫情</div>
          <div class="ztccu">
            索菲亚启动了“重疫情区域优质经销商专项援助计划”，为身处疫情严重区域的优质经销商提供3亿元信用支持，同时还为经销商送上50万口罩，与大家风雨同舟、共扛疫情!
          </div>
        </div>
      </div>

      <div class="lll">
        <div class="mmm">
          <img src="/banner/d911ab82-c8de-4438-8989-7bd576721b84.jpeg" alt="" />
        </div>
        <div class="nnn">
          <div class="ooo">共筑温暖</div>
          <div class="ppp">
            索菲亚在全国核心商圈和交通枢纽大规模、大密度地发布近千个公益广告，用公益的磁场凝聚战疫的力量，以不同主题的暖心问候，传播正能量，向所有战斗在抗疫一线的白衣天使致敬，向坚守在各个岗位齐心抗疫的平民英雄致敬。
          </div>
        </div>
      </div>
          <!-- 页尾 -->
    <div class="footbox">
      <div class="foot">
        <ul>
          <li class="father">品牌力</li>
          <li>生产经营</li>
          <li>品牌轨迹</li>
          <li>企业荣誉</li>
          <li>销售网络</li>
          <li>全流程服务</li>
          <li>智能制造</li>
        </ul>
        <ul>
          <li class="father">产品力</li>
          <li>新品展示</li>
          <li>时尚设计</li>
          <li>环保生活</li>
        </ul>
        <ul>
          <li class="father">投资者关系</li>
          <li>信息披露</li>
          <li>公司治理</li>
          <li>基本数据</li>
          <li>投资者教育</li>
          <li>投资者接待</li>
          <li>投资者保护</li>
        </ul>
        <ul>
          <li class="father">社会责任</li>
          <li>抗疫行动</li>
          <li>稀捍行动</li>
          <li>希望行动</li>
          <li>关爱行动</li>
        </ul>
        <ul>
          <li class="father"></li>
          <li class="father">新闻中心</li>
          <li>企业动态</li>
          <li>媒体报道</li>
          <li>企业年刊</li>
        </ul>
        <ul>
          <li class="father">招商加盟</li>
          <li>索菲亚柜类定制专家</li>
          <li>华鹤定制家居</li>
          <li>米兰纳定制家居</li>
          <li>家具家品</li>
          <li>工程业务</li>
          <li>>新渠道业务</li>
        </ul>
        <ul>
          <li class="father">商城</li>
          <li>索菲亚柜类定制专家</li>
          <li>司米定制家居</li>
          <li>华鹤定制家居</li>
          <li>米兰纳定制家居</li>
          <li>投资者接待</li>
          <li>投资者保护</li>
        </ul>
        <ul>
          <li class="father">加入我们</li>
          <li>校园招聘</li>
          <li>社会招聘</li>
          <li>培训发展</li>
          <li>米兰纳定制家居</li>
          <li>投资者接待</li>
          <li>投资者保护</li>
        </ul>
      </div>
      <div class="fbq">
        索菲亚家居股份有限公司　保留所有版权© 2021　 target="_blank"
        >粤ICP备10048445号
      </div>
    </div>
    </div>
  </main>
    </div>
    </div>
</template>


<script>
export default {
  data() {
    return {
      url: "https://file.suofeiya.com.cn/v/e2fa34a7-c793-48df-b158-bc15b00aecb6",
    };
  },
};
</script>
<style scoped>
* {
  padding: 0;
  margin: 0;
  touch-action: pan-y;
}
.secbardot {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

.icon {
  background-image: url(https://sfy-activity.oss-accelerate.aliyuncs.com/uploadfile/202104/57889882-bf1b-4ea6-a7cf-678ba5d8fba5.png?OSSAccessKeyId=LTAI0i3F4sIc2UK5&Expires=1629634809&Signature=1JwMloBTv83naCm9W5xEtiN%2BqAw%3D);
  background-repeat: no-repeat;
  height: 50px;
  width: 100%;
  line-height: 50px;
  margin-left: 130px;
  position: absolute;
  margin-top: 14px;
}

.secbardot .caidan {
  margin-left: 170px;
  height: 50px;
  line-height: 50px;
  color: #141313;
  font-size: 16px;
  float: left;
}
.ztp img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.ztc {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 30px auto;
}
.ztc .ztcp {
  float: right;
}
.ztcp {
  width: 48%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.ztcp img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.ztc .ztcc {
  float: left;
}
.ztcc {
  width: 48%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  line-height: 28px;
  font-size: 16px;
}
.ztccc {
  margin-top: 110px;
}
.ztf {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 30px auto;
}
.ztf .ztff {
  float: left;
}
.ztff {
  width: 48%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.ztff img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.ztf .ztcce {
  float: right;
}
.ztcce {
  width: 48%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  line-height: 28px;
  margin-top: 68px;
}
.ztcct {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  border-left: 3px solid #c4a36d;
  font-size: 22px;
  font-weight: bold;
  color: #777;
  margin-bottom: 25px;
}

.ztccu {
  font-size: 16px;
}
.aaa {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 30px auto;
}
.bbb img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.aaa .bbb {
  float: right;
}
.ccc {
  margin-top: 71px;
}
.ddd {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  border-left: 3px solid #c4a36d;
  font-size: 22px;
  font-weight: bold;
  color: #777;
  margin-bottom: 25px;
}
.eee {
  font-size: 16px;
}
.fff {
  width: 800px;
  height: auto;
  overflow: hidden;
  clear: both;
  margin: 0 auto;
  padding: 40px 0;
  font-size: 16px;
  line-height: 30px;
}
.ggg {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 30px auto;
}
.hhh {
  width: 48%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.hhh img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.ggg .hhh {
  float: left;
}
.jjj {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  border-left: 3px solid #c4a36d;
  font-size: 22px;
  font-weight: bold;
  color: #777;
  margin-bottom: 25px;
}
.kkk {
  width: 48%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
}
/* .jjj ::before{
    position: absolute;
    height: 100px;
    width: 50px;
    background-color: red;

} */
.iii {
  margin-top: 74px;
}
.lll {
  width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 30px auto;
}
.mmm {
  width: 48%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.mmm img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.lll .mmm {
  float: right;
}
.ooo {
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  border-left: 3px solid #c4a36d;
  font-size: 22px;
  font-weight: bold;
  color: #777;
  margin-bottom: 25px;
}
.ppp {
  width: 48%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
}
.nnn {
  margin-top: 62px;
}
.footbox {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #2d2d2d;
  height: 290px;

}
.foot {
  width: 100%;
  height: auto;
  padding: 30px 0;
  text-align: center;
  overflow: hidden;
  font-size: 0;
}

.foot ul {
  width: 130px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #555;
  padding-left: 10px;
  padding-bottom: 10px;
}

.foot ul li {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  color: #ccc;
  font-size: 12px;
}

.foot ul li.father {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.foot ul li a {
  text-decoration: none;
  color: #ccc;
  padding: 0 5px;
}

.foot ul li a:hover {
  background: #775c39;
}

.fbq {
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
  color: #aaa;
  text-align: center;
  line-height: 35px;
}

.fbq a {
  color: #ccc;
}
</style>